
<template>
  <div class="Page_PageRouStyleBox">
    <div class="Page_PageRouStyleLeftBox">
      <PageHomeFromRouer></PageHomeFromRouer>
    </div>
    <div class="Page_PageRouStyleRightBox">
      <div class="Page_PageRouStyleHeadTitleBox">
        <PageHeadRigthFrom></PageHeadRigthFrom>
      </div>
    </div>
  </div>
</template>


<script>
import PageHeadRigthFrom from '../../components/PageHeadRigthFrom';
import PageHomeFromRouer from '../../components/PageHomeFromRouer';
export default {
   data() {
     return {
       
     }
   },
   created() {
     
   },
   methods: {
     
   },
   components:{
     PageHomeFromRouer,
     PageHeadRigthFrom
   }
}
</script>

<style>
.Page_PageRouStyleBox{
  width: 100%;
  height: 100%;
  display: flex;
}
.Page_PageRouStyleLeftBox{
  width: 13%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #001529;
  border-right:1px solid #ccc ;
}
.Page_PageRouStyleRightBox{
  flex: 1;
}
.Page_PageRouStyleHeadTitleBox{
  width: 100%;
  height: 45px;
  border-bottom:1px solid #ccc ;

}
</style>
